import React from 'react';

type LoginIconProps = {
  active?: boolean;
  size?: number;
};

const LoginIcon = ({ active = false, size = 24 }: LoginIconProps) => (
  <svg 
    width={size} 
    height={size} 
    viewBox="0 0 24 24" 
    fill="none" 
    xmlns="http://www.w3.org/2000/svg"
  >
    <path 
      d="M11 7L9.6 8.4L12.2 11H2V13H12.2L9.6 15.6L11 17L16 12L11 7ZM20 19H12V21H20C21.1 21 22 20.1 22 19V5C22 3.9 21.1 3 20 3H12V5H20V19Z" 
      fill={active ? 'currentColor' : '#999'}
    />
  </svg>
);

export default LoginIcon;